Hệ thống quản lý phương tiện trong PHP
1 /* Slider */
2
3 .slick-slider {
4 position: relative;
5 display: block;
6 box-sizing: border-box;
7 -webkit-touch-callout: none;
8 -webkit-user-select: none;
9 -khtml-user-select: none;
10 -moz-user-select: none;
11 -ms-user-select: none;
12 user-select: none;
13 -ms-touch-action: pan-y;
14 touch-action: pan-y;
15 -webkit-tap-highlight-color: transparent;
16 }
17 .slick-list {
18 position: relative;
19 overflow: hidden;
20 display: block;
21 margin: 0;
22 padding: 0;
23
24 &:focus {
25 outline: none;
26 }
27
28 &.dragging {
29 cursor: pointer;
30 cursor: hand;
31 }
32 }
33 .slick-slider .slick-track,
34 .slick-slider .slick-list {
35 -webkit-transform: translate3d(0, 0, 0);
36 -moz-transform: translate3d(0, 0, 0);
37 -ms-transform: translate3d(0, 0, 0);
38 -o-transform: translate3d(0, 0, 0);
39 transform: translate3d(0, 0, 0);
40 }
41
42 .slick-track {
43 position: relative;
44 left: 0;
45 top: 0;
46 display: block;
47 margin-left: auto;
48 margin-right: auto;
49
50 &:before,
51 &:after {
52 content: "";
53 display: table;
54 }
55
56 &:after {
57 clear: both;
58 }
59
60 .slick-loading & {
61 visibility: hidden;
62 }
63 }
64 .slick-slide {
65 float: left;
66 height: 100%;
67 min-height: 1px;
68 [dir="rtl"] & {
69 float: right;
70 }
71 img {
72 display: block;
73 }
74 &.slick-loading img {
75 display: none;
76 }
77
78 display: none;
79
80 &.dragging img {
81 pointer-events: none;
82 }
83
84 .slick-initialized & {
85 display: block;
86 }
87
88 .slick-loading & {
89 visibility: hidden;
90 }
91
92 .slick-vertical & {
93 display: block;
94 height: auto;
95 border: 1px solid transparent;
96 }
97 }
98 .slick-arrow.slick-hidden {
99 display: none;
100 }
